<!--
    @create by wanglh4
    @description 贷款进件审批清单的前端页面
    @createDate 2019-01-17
-->
<div>
    <el-form-q :field-data="queryFields" :buttons="queryButtons" ref="form"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <!-- <el-button icon="plus" @click="addFn" v-if="checkPermission('create')">新增</el-button>
            <el-button icon="edit" @click="modifyFn" v-if="checkPermission('edit')">修改</el-button> -->
            <!--       <el-button icon="document" @click="infoFn" v-if="checkPermission('detail')">查看</el-button> -->
            <!-- <el-button icon="yx-bin" @click="deleteFn" v-if="checkPermission('delete')">删除</el-button>-->
            <el-button icon="yx-file-excel" @click="exportFn" v-if="checkPermission('export')"
                       v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="导出中...">导出</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="reftable" :row-index="true" :radiobox="false" :base-params="baseParams"
                :data-url="dataUrl" :table-columns="tableColumns" :request-type="'POST'"></el-table-x>
    <!-- 用于导出的table -->
    <el-table-x ref="refExtable" :row-index="true" :radiobox="false" :base-params="baseExParams"
                v-show="false" :table-columns="tableExColumns" :request-type="'POST'"></el-table-x>
    <!-- 说明dialog可配置宽高属性，若不配置则宽度默认为屏幕50%，高度自适应
       width="650px" height="380px" -->

    <el-dialog-x :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="1200px">
        <el-form-x ref=reform :group-fields="updateFields" :buttons="updateButtons"
                   :disabled="formDisabled" label-width="80px"></el-form-x>
    </el-dialog-x>

    <el-dialog-x title="提示" :visible.sync="exportDialogVisible" width="650px">
        <div>
            <div style="margin: 5px;">是否导出文件：{{ exportFileName + '.xlsx'}}</div>
            <div id="exportSpan" style="margin: 10px; text-align: right"></div>
        </div>
    </el-dialog-x>
</div>